.reg{
   width: 100%;
   height: 100%;
}
.left{
   width: 300px;
   height: 100%;
   float: left;
}
.left img{
   width: 300px;
   height: 100%;
}
.right{
   width: 1080px;
   height: 100%;
   float: right;
}
.right header{
   width: 1080px;
   height: 80px;
}
.right header img{
   float: left;
}
.right header ul{
   display: flex;
   justify-content: center;
   align-items: center;
   line-height: 80px;
}
.right header ul li{
   margin: 0 10px;
}
.right main{
   width: 400px;
   height: 500px;
   transform: translate(200px,40px);
   position: relative;
}
main .title{
   height: 80px;
}
main .title a{
   margin: 0 20px;
   line-height: 80px;
   font-size: 20px;
}
.con .content input{
   border: none;
   width: 400px;
   height: 30px;
   line-height: 30px;
   font-size: 20px;
   margin: 5px 0;
}
.con .content input:nth-of-type(8){
   background-color: orange;
   color: white;
}
.con .checkbox label{
   display: flex;
   width: 400px;
   height: 20px;
  
}
.con .login{
   display: flex;
   flex-direction: column;
   width: 400px;
   height: 70px;
   margin-top: 10px;
   position: absolute;
   bottom: 0px;
}
.con .login p{
   text-align: center;
}
.login .img{
   width: 224px;
   height: 50px;
   display: flex;
   justify-content: center;
   align-items: center;
}
footer{
   position: absolute;
   bottom: 30px;
   transform: translate(50px);
}
